<template>
  <el-scrollbar>
    <el-menu unique-opened router :default-active="$route.path" :show-timeout="200" mode="vertical" :collapse="collapsed" 
 background-color="#2b313e" text-color="#7c8493" active-text-color="rgb(154, 206, 14)">
      <el-menu-item index="/monitor/Monitormap">
        <i class="iconfont icon-r"></i>
        <span slot="title">河道示意图</span>
      </el-menu-item>
      <el-submenu index="/monitor/stations">
        <template slot="title">
          <i class="iconfont icon-Monitor"></i>
          <span>监测点</span>
        </template>
        <el-menu-item index="/monitor/stations/surface">断面</el-menu-item>
        <el-menu-item index="/monitor/stations/outlet">排污口</el-menu-item>
        <el-menu-item index="/monitor/stations/pollution">污染源</el-menu-item>
        <el-menu-item index="/monitor/stations/hydrol">水纹信息</el-menu-item>
      </el-submenu>
        <el-submenu index="/monitor/warn">
        <template slot="title">
          <i class="iconfont icon-yujing"></i>
          <span>智能预警</span>
        </template>
        <el-menu-item index="/monitor/warn/model">模型预警</el-menu-item>
        <el-menu-item index="/monitor/warn/video">视频AI告警</el-menu-item>
        <el-menu-item index="/monitor/warn/equip">设备告警</el-menu-item>
      </el-submenu>
      <el-menu-item index="/monitor/equ">
        <i class="iconfont icon-shebei1"></i>
        <span slot="title">设备监测</span>
      </el-menu-item>
      <el-menu-item index="/monitor/uav">
        <i class="iconfont icon-dronex"></i>
        <span slot="title">无人机监测</span>
      </el-menu-item>
      <el-menu-item index="/monitor/dimen">
        <i class="iconfont icon-sanwei"></i>
        <span slot="title">三维建模分析</span>
      </el-menu-item>
    </el-menu>
  </el-scrollbar>
</template>

<script>
  export default {
    name:'monitorleft',
    data () {
      return {
        collapsed:this.$store.state.collapsed,
        }
    },
    methods:{
      //折叠导航栏
      collapse:function(){
      this.collapsed=!this.collapsed;
      this.$store.state.collapsed=this.collapsed;
      },      
    },
  }
  </script>
  